<template>
  <div class="box">
    <h3>Student组件</h3>
    <p>username: {{username}}</p>
    <p>age: {{age}}</p>
    <p><button @click="addAge">age++</button></p>

    <Hello/>
  </div>
</template>

<script>
export default {
  name: 'Student',
  data() {
    return {
      username: 'atguigu',
      age: 10,
    }
  },
  methods: {
    addAge() {
      this.age += 1
    }
  }
}
</script>

<style scoped>
.box{
    border:5px solid blue;
}
</style>